<template>
  <div @click="divClick">
    <a href="https://www.com" @click.prevent.stop="fn">点击跳转</a>
  </div>
</template>

<script>
// 事件修饰符
//.prevent阻止默认行为
//.stop 阻止冒泡行为
export default {
  methods: {
    fn() {
      //不想让事件冒泡
      console.log('点击了a链接')
    },
    divClick() {
      console.log('div被点击了')
    },
  },
}
</script>

<style></style>
